<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<!--<meta name="viewport" content="width=640" />-->
	<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="apple-mobile-web-app-title" content="">
	<meta name="format-detection" content="telephone=no">
	<title>社会招聘</title>
	<link rel="stylesheet" type="text/css" href="css/style.css">
	<link rel="stylesheet" type="text/css" href="css/check.css">
</head>
<body>
	 <div class="layouts socialBox" >
         <!-- 顶部搜索 -->
         <div class="search">
         	 <div class="allpo">
                 <div class="spanball">
                     <span class='type selectbank'>杭州分行</span>
                      <!-- 弹框 -->
                         <div class="bounce">
                                <div class='fen'>
                                   <a href='#'><span>全部</span></a>
                                     <a href='#'><span>总行</span></a>
                                     <a href='#' class='redc'><span>杭州分行</span><i>(9)</i></a>
                                     <a href='#'><span>北京分行</span><i>(9)</i></a>
                                     <a href='#'><span>南京分行</span><i>(9)</i></a>
                                     <a href='#'><span>上海分行</span><i>(9)</i></a>
                                     <a href='#'><span>宁波分行</span><i>(19)</i></a>
                                </div>
                         </div>
                 </div>
                 <div class="putbox">
                       <input type="text" name="" class='sera' placeholder="搜索">
                 </div>

         	 </div>
         	 <div class="tab tabchoose">
         	 	 <div class="jobtab checktab tabbg">
         	 	     <div class="same">
         	 	         <i><img src="images/jobone.png"></i>
	         	 	 	 <span>按岗位查看</span>
         	 	 	 </div>
         	 	 </div>
         	 	 <div class="plantab  checktab">
         	 	     <div class="same">
         	 	     	<i><img src="images/planone.png"></i>
         	 	 	     <span>按计划查看</span>
         	 	     </div>
         	 	 </div>
         	 </div>
         </div>
         <div class="main">
         	<div class="jobcheck tabone">
         	    <ul>
         	    	<li>
                      <a href='jobdetail.html'>
               	    		<div class="positiontype">
               	    			<span class='potitle'>客户经理</span> 
               	    			<span class='date'>7月15日</span>
               	    		</div>
               	    		<div class="num">
               	    			<h3 class='so'><span>社会招聘</span><span class='tr'>|</span><span>2-4年</span><span class='tr'>|</span><span>研究生</span></h3>
               	    			<p class='people'>招聘人数 : <span class='ren'>2</span>人</p>
               	    		</div>
               	    		<div class="major">
               	    			<p class='skill'>经济就，金融类相关专业</p>
               	    			<p class='map'><i></i>杭州市</p>
               	    		</div>
               	    		<div class="botto">
               	    			<p class='bank'>浙商银行杭州分行</p>
                                  <p class='branch'>行政管理部门</p>
               	    		</div>
                     </a>
         	    	</li>
    		        <li>
                      <a href='jobdetail.html'>
                           <div class="positiontype">
                              <span class='potitle'>客户经理</span> 
                              <span class='date'>7月15日</span>
                           </div>
                           <div class="num">
                              <h3 class='so'><span>社会招聘</span><span class='tr'>|</span><span>2-4年</span><span class='tr'>|</span><span>研究生</span></h3>
                              <p class='people'>招聘人数 : <span class='ren'>2</span>人</p>
                           </div>
                           <div class="major">
                              <p class='skill'>经济就，金融类相关专业</p>
                              <p class='map'><i></i>杭州市</p>
                           </div>
                           <div class="botto">
                              <p class='bank'>浙商银行杭州分行</p>
                                  <p class='branch'>行政管理部门</p>
                           </div>
                     </a>
                  </li>
         	    	<li>
                      <a href='jobdetail.html'>
                           <div class="positiontype">
                              <span class='potitle'>客户经理</span> 
                              <span class='date'>7月15日</span>
                           </div>
                           <div class="num">
                              <h3 class='so'><span>社会招聘</span><span class='tr'>|</span><span>2-4年</span><span class='tr'>|</span><span>研究生</span></h3>
                              <p class='people'>招聘人数 : <span class='ren'>2</span>人</p>
                           </div>
                           <div class="major">
                              <p class='skill'>经济就，金融类相关专业</p>
                              <p class='map'><i></i>杭州市</p>
                           </div>
                           <div class="botto">
                              <p class='bank'>浙商银行杭州分行</p>
                                  <p class='branch'>行政管理部门</p>
                           </div>
                     </a>
                  </li>
    		    	  <li>
                      <a href='jobdetail.html'>
                           <div class="positiontype">
                              <span class='potitle'>客户经理</span> 
                              <span class='date'>7月15日</span>
                           </div>
                           <div class="num">
                              <h3 class='so'><span>社会招聘</span><span class='tr'>|</span><span>2-4年</span><span class='tr'>|</span><span>研究生</span></h3>
                              <p class='people'>招聘人数 : <span class='ren'>2</span>人</p>
                           </div>
                           <div class="major">
                              <p class='skill'>经济就，金融类相关专业</p>
                              <p class='map'><i></i>杭州市</p>
                           </div>
                           <div class="botto">
                              <p class='bank'>浙商银行杭州分行</p>
                                  <p class='branch'>行政管理部门</p>
                           </div>
                     </a>
                  </li>
         	    </ul>
         	</div>
         	<div class="plancheck tabone" style='display: none'>
         		<ul>
         			<li >
         			     <div class="empty"></div>
         				<h3 class='datetitle'><s class='redcircle'></s><span>2017年7月20日</span></h3>
         				<div class="frame">
         					<p class='emplo'>浙商银行杭州分行招聘启事</p>
         					<p class='linetime'>简历接收截止时间 : <span>2017年7月30日</span></p>
         					<p class='condition'>招聘状态 : <span>接收简历</span></p>
         				</div>
         				<div class="checkdetail">
                    <a href=''>查看具体公告</a>
         			  </div>
         			   
         			</li>
         			<li >
         			     <div class="empty"></div>
         				<h3 class='datetitle'><s class='redcircle'></s><span>2017年7月20日</span></h3>
         				<div class="frame">
         					<p class='emplo'>浙商银行杭州分行招聘启事</p>
         					<p class='linetime'>简历接收截止时间 : <span>2017年7月30日</span></p>
         					<p class='condition'>招聘状态 : <span>接收简历</span></p>
         				</div>
         				<div class="checkdetail">
         						<a href=''>查看具体公告</a>
         			    </div>
         			   
         			</li>
         			<li >
         			    <div class="empty"></div>
         				<h3 class='datetitle'><s class='redcircle'></s><span>2017年7月20日</span></h3>
         				<div class="frame">
         					<p class='emplo'>浙商银行杭州分行招聘启事</p>
         					<p class='linetime'>简历接收截止时间 : <span>2017年7月30日</span></p>
         					<p class='condition'>招聘状态 : <span>接收简历</span></p>
         				</div>
         				<div class="checkdetail">
         						<a href=''>查看具体公告</a>
         			    </div>
         			</li>
         		</ul>
         	</div>
         </div>
	 	<!-- 底部导航 -->
	 	<div class=" nav footernav">
	 		<ul class='nav_ul'>
	 			<li class='po'>
	 			   <a href='#' class='sep'>
	 			     <p><i><span class=''></span></i></p>
	 			   	 <div class='sep'>职位</div>
	 			   </a>
	 			</li>
	 			<li class='in'>
	 			   <a href='#'>
	 			   	 <p><i><span class='dot'></span></i></p>
	 			   	 <div>消息</div>
	 			   </a>
	 			</li>
	 			<li class="re">
	 			    <a href='#'>
				       <p><i><span class=''></span></i></p>
				   	   <div>简历</div>
	 			    </a>
	 			</li>
	 			<li class='me'>
	 			    <a href='#'>
	 			    	<p><i><span class=''></span></i></p>
	 			        <div>我的</div>
	 			    </a>
	 			</li>
	 		</ul>
	 	</div>
    <!-- 小o提示我的只要把bouncecoverme的display改为block就可以显示-->
    <div class="bouncecover bouncecoverme">
          <div class="otip">
           <div class="desc">
              <div class="lef">
               <h3>小o重要提示：</h3>
               <p>如果你想了解更多功能，可以通过“我的”->“更多”来找小o哦。</p>
             </div>
             <div class="smallo">
                <img src="images/oone.png" class='wid'>
             </div>
           </div>
            <div class="know checkknow">
              我知道啦
            </div>
        </div>
           <div class="hand">
              <img src="images/handdown.png">
           </div>
          底部导航
    <div class="nav bouncenav">
      <ul class='nav_ul bouncenav_ul'>
        <li class='po bouncenav_po'>
           <a href='#' class='sep'>
             <p><i><span class=''></span></i></p>
             <div class='sep'>职位</div>
           </a>
        </li>
        <li class='in bouncenav_in'>
           <a href='#'>
             <p><i><span class='dot'></span></i></p>
             <div>消息</div>
           </a>
        </li>
        <li class="re bouncenav_re">
            <a href='#'>
               <p><i><span class=''></span></i></p>
               <div>简历</div>
            </a>
        </li>
        <li class='me bouncenav_me'>
            <a href='#'>
              <p><i><span class=''></span></i></p>
                <div>我的</div>
            </a>
        </li>
      </ul>
    </div>     
      </div> 
    <!-- 小o提示简历只要把bouncecoverresume的display改为block就可以显示 -->
    <div class="bouncecover bouncecoverresume">
          <div class="otip">
           <div class="desc">
              <div class="lef">
               <h3>小o重要提示：</h3>
               <p>来这里完善简历，让小o认识一下有趣的你吧，简历完整才能投递哦~</p>
             </div>
             <div class="smallo">
                <img src="images/oone.png" class='wid'>
             </div>
           </div>
            <div class="know checkknow">
              我知道啦
            </div>
        </div>
           <div class="hand">
              <img src="images/handdown.png">
           </div>
          <!-- 底部导航 -->
    <div class="nav bouncenav">
      <ul class='nav_ul bouncenav_ul'>
        <li class='po bouncenav_po'>
           <a href='#' class='sep'>
             <p><i><span class=''></span></i></p>
             <div class='sep'>职位</div>
           </a>
        </li>
        <li class='in bouncenav_in'>
           <a href='#'>
             <p><i><span class='dot'></span></i></p>
             <div>消息</div>
           </a>
        </li>
        <li class="re bouncenav_re">
            <a href='#'>
               <p><i><span class=''></span></i></p>
               <div>简历</div>
            </a>
        </li>
        <li class='me bouncenav_me'>
            <a href='#'>
              <p><i><span class=''></span></i></p>
                <div>我的</div>
            </a>
        </li>
      </ul>
    </div>     
  </div>
  <!-- 小o全行 -->
   <div class="bouncecover bouncecoverAll">
           <div class="search">
             <div class="allpo">
                   <div class="spanball">
                       <span class='type'>杭州分行</span>
                        <!-- 弹框 -->
                           <div class="bounce">
                                  <div class='fen'>
                                     <a href='#'><span>全部</span></a>
                                       <a href='#'><span>总行</span></a>
                                       <a href='#' class='redc'><span>杭州分行</span><i>(9)</i></a>
                                       <a href='#'><span>北京分行</span><i>(9)</i></a>
                                       <a href='#'><span>南京分行</span><i>(9)</i></a>
                                       <a href='#'><span>上海分行</span><i>(9)</i></a>
                                       <a href='#'><span>宁波分行</span><i>(19)</i></a>
                                  </div>
                           </div>
                   </div>
                   <div class="putbox">
                         <input type="text" name="" class='sera' placeholder="搜索">
                   </div>
             </div>
          </div>
            <div class="otip">
             <div class="desc">
                <div class="lef">
                 <h3>小o重要提示：</h3>
                 <p>看，点击这里能查看小o家所有正在招聘的职位哦，开不开心惊不惊喜？</p>
               </div>
               <div class="smallo">
                  <img src="images/otwo.png">
               </div>
             </div>
              <div class="know checkknow">
                我知道啦
              </div>
          </div>
             <div class="hand">
                <img src="images/handcenter.png">
             </div>
    </div>
    <!-- 小0提示按岗位或按招聘计划查看职位信息 -->
      <div class="bouncecover bouncecovercheck">
           <div class="search">
           <div class="allpo">
                 <div class="spanball">
                     <span class='type'>杭州分行</span>
                      <!-- 弹框 -->
                         <div class="bounce">
                                <div class='fen'>
                                   <a href='#'><span>全部</span></a>
                                     <a href='#'><span>总行</span></a>
                                     <a href='#' class='redc'><span>杭州分行</span><i>(9)</i></a>
                                     <a href='#'><span>北京分行</span><i>(9)</i></a>
                                     <a href='#'><span>南京分行</span><i>(9)</i></a>
                                     <a href='#'><span>上海分行</span><i>(9)</i></a>
                                     <a href='#'><span>宁波分行</span><i>(19)</i></a>
                                </div>
                         </div>
                 </div>
                 <div class="putbox">
                       <input type="text" name="" class='sera' placeholder="搜索">
                 </div>

           </div>
           <div class="tab">
             <div class="jobtab checktab tabbg">
                 <div class="same">
                     <i><img src="images/jobone.png" ></i>
                 <span>按岗位查看</span>
               </div>
             </div>
             <div class="plantab  checktab">
                 <div class="same">
                  <i><img src="images/planone.png"></i>
                   <span>按计划查看</span>
                 </div>
             </div>
           </div>
         </div>
            <div class="otip">
             <div class="desc">
                <div class="lef specialleft">
                 <h3>小o重要提示：</h3>
                 <p>可以选择按岗位或者按招聘计划查看职位信息，一般人小o不告诉TA~</p>
               </div>
               <div class="smallo">
                  <img src="images/othree.png" class='twohand'>
               </div>
             </div>
              <div class="know checkknow">
                我知道啦
              </div>
          </div>
             <div class="hand">
                <img src="images/handcenter.png">
             </div>
    </div>
     <!-- 小0提示点击框框搜索 -->
      <div class="bouncecover bouncesearch">
               <div class="search">
                 <div class="allpo">
                     <div class="spanball">
                         <span class='type'>杭州分行</span>
                          <!-- 弹框 -->
                             <div class="bounce">
                                    <div class='fen'>
                                       <a href='#'><span>全部</span></a>
                                         <a href='#'><span>总行</span></a>
                                         <a href='#' class='redc'><span>杭州分行</span><i>(9)</i></a>
                                         <a href='#'><span>北京分行</span><i>(9)</i></a>
                                         <a href='#'><span>南京分行</span><i>(9)</i></a>
                                         <a href='#'><span>上海分行</span><i>(9)</i></a>
                                         <a href='#'><span>宁波分行</span><i>(19)</i></a>
                                    </div>
                             </div>
                     </div>
                     <div class="putbox">
                           <input type="text" name="" class='sera' placeholder="搜索">
                     </div>
                 </div>
             </div>
            <div class="otip">
             <div class="desc">
                <div class="lef">
                 <h3>小o重要提示：</h3>
                 <p>任意点击这个框框，能更精准地搜索你感兴趣的职位呢，晓得了伐？</p>
               </div>
               <div class="smallo">
                  <img src="images/otwo.png">
               </div>
             </div>
              <div class="know checkknow">
                我知道啦
              </div>
          </div>
             <div class="hand">
                <img src="images/handcenter.png">
             </div>
    </div>





</div>
	 	 
	<script type="text/javascript" src='libs/jquery-1.7.2.js'></script>
	<script type="text/javascript" src='js/publiclog.js'></script>
	<script type="text/javascript" src='js/check.js'></script>
</body>
</html>